<template>
  <div>父组件</div>
  <div>===========</div>
  <oneCom></oneCom>
</template>

<script setup>
import oneCom from './components/oneCom.vue'
import {ref,provide,onMounted} from 'vue'
const articelId =ref('123123123')
provide('articelId',articelId)

const  dom1 = ref()

// console.log 这里的打印能够看到dom的值,时console.log的问题,因为我们展开对象的时候
// log这个函数去获取了最新的值,
onMounted(()=>{
  console.log(dom1.value);
})
</script>